home *** CD-ROM | disk | FTP | other *** search
/ Exploring Creation with P…al Science (2nd Edition) / Exploring Creation with Physical Science (2nd Edition).iso / exe / bin / Styles / info.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2012-12-18  |  4.2 KB  |  191 lines
  1. @charset "utf-8";
  2. /* Stylesheet for the Opera info panel/manager */
  3. /* Copyright 2008 Opera Software */
  4. @media tv {html {font-size: 150%;}}
  5. @media screen, projection, tv, speech {
  6. html {
  7.     font-family: sans-serif;
  8.     color: hsl(0,0%,22%);
  9.     background-color: hsl(0,0%,93%);
  10.     margin: 0 auto 10px;
  11.     border-width: 0 1px;
  12.     border-color: hsl(0,0%,57%);
  13.     border-style: solid;
  14.     max-width: 600px;
  15.     position: relative;
  16.     voice-family: female;
  17. }
  18. head, title {display: block;}
  19. title {
  20.     font-family: sans-serif;
  21.     font-size: 110%;
  22.     font-weight: normal;
  23.     text-align: right;
  24.     letter-spacing: -1px;
  25.     color: hsl(0,0%,29%);
  26.     background-image: url(images/top.png);
  27.     background-repeat: repeat-x;
  28.     padding: 20px 10px 15px;
  29.     position: relative;
  30.     speak: normal;
  31. }
  32. body {margin: 0;}
  33. h1, h2 {
  34.     font-family: sans-serif;
  35.     font-size: 75%;
  36.     font-weight: normal;
  37.     letter-spacing: -1px;
  38.     -o-text-overflow: ellipsis;
  39.     color: hsl(0,0%,29%);
  40.     background-color: hsl(0,0%,89%);
  41.     background-image: url(images/bar.png);
  42.     background-repeat: repeat-x;
  43.     background-position: 0px -5px;
  44.     padding: 5px 7px;
  45.     margin: 0;
  46.     border-width: 1px 0;
  47.     border-style: solid;
  48.     border-color: hsl(0,0%,57%);
  49.     overflow: hidden;
  50. }
  51. html[dir="rtl"] title, html[dir="rtl"] h1, html[dir="rtl"] h2 {letter-spacing: normal;}
  52. a {
  53.     color: hsl(0,0%,29%);
  54.     background-color: transparent;
  55. }
  56. table {
  57.     font-size: 70%;
  58.     line-height: 130%;
  59.     color: hsl(0,0%,22%);
  60.     background-color: hsl(0,0%,96%);
  61.     border-collapse: collapse;
  62.     width: 100%;
  63.     display: table;
  64. }
  65. th, td {
  66.     font-weight: normal;
  67.     text-align: left;
  68.     vertical-align: top;
  69.     -o-text-overflow: ellipsis;
  70.     padding: 5px 1%;
  71.     border-width: 1px 0;
  72.     border-style: solid;
  73.     border-color: hsl(0,0%,87%) hsl(0,0%,96%) hsl(0,0%,96%);
  74.     overflow: hidden;
  75.     display: block;
  76. }
  77. html[dir="rtl"] th, html[dir="rtl"] td {text-align: right;}
  78. th {
  79.     width: 23%;
  80.     float: left;
  81. }
  82. html[dir="rtl"] th {float: right;}
  83. td {width: 73%;}
  84. tr:first-child>* {
  85.     padding-top: 10px;
  86.     border-top-color: hsl(0,0%,96%);
  87. }
  88. tr+tr+tr+tr+tr+tr+tr *, table+h2+table tr+tr * {padding-bottom: 15px;}
  89. ul {
  90.     font-size: 70%;
  91.     line-height: 130%;
  92.     color: hsl(0,0%,22%);
  93.     background-color: hsl(0,0%,96%);
  94.     padding: 0;
  95.     margin: 0;
  96.     border-top: 1px solid transparent;
  97.     list-style: none;
  98. }
  99. li {padding: 2px 0;}
  100. li a {
  101.     -o-text-overflow: ellipsis;
  102.     margin: 5px 1%;
  103.     overflow: hidden;
  104.     max-width: 98%;
  105.     display: block;
  106. }
  107. li a::before {
  108.     content: "\2014";
  109.     margin: 0 5px 0 0;
  110.     float: left;
  111.     speak: none;
  112. }
  113. html[dir="rtl"] li a::before {float: right;}
  114. body::after {
  115.     content: "";
  116.     background-color: hsl(0,0%,98%);
  117.     background-image: url(images/center.png);
  118.     background-repeat: repeat-x;
  119.     background-position: left bottom;
  120.     border-top: 1px solid hsl(0,0%,57%);
  121.     height: 20px;
  122.     width: 100%;
  123.     display: block;
  124. }}
  125. @media screen and (max-width: 550px), projection and (max-width: 550px), tv and (max-width: 550px) {
  126.     html {
  127.         margin: 0 auto;
  128.         border: none;
  129.     }
  130.     h1 {font-weight: bold;}
  131.     th {width: 40%;}
  132.     td {width: auto;}
  133.     tr:first-child>* {padding-top: 5px;}
  134. }
  135. @media screen and (max-width: 350px), projection and (max-width: 350px), tv and (max-width: 350px) {
  136.     title {
  137.         font-size: 100%;
  138.         font-weight: bold;
  139.         text-align: center;
  140.         padding: 10px 5px 2px;
  141.     }
  142.     h1 {font-size: 70%;}
  143.     h2 {
  144.         font-size: 70%;
  145.         font-weight: bold;
  146.         text-align: center;
  147.         clear: both;
  148.     }
  149.     table, table * {display: block;}
  150.     th, td {
  151.         width: auto;
  152.         float: none;
  153.     }
  154.     th {
  155.         font-weight: bold;
  156.         padding: 2px 5px !important;
  157.     }
  158.     td {
  159.         padding: 2px 5px 2px 30px !important;
  160.         border: none;
  161.     }
  162.     li {
  163.         border-width: 1px 0;
  164.         border-style: solid;
  165.         border-color: hsl(0,0%,87%) hsl(0,0%,96%) hsl(0,0%,96%);
  166.     }
  167.     li:first-child {border-top-width: 0;}
  168.     li a {
  169.         padding: 0 0 5px;
  170.         margin: auto;
  171.         max-width: 96%;
  172.     }
  173.     li a::before {display: none;}
  174. }
  175. @media all and (min-width: 1281px) {html {max-width: 700px;}}
  176. @media all and (min-width: 1601px) {html {max-width: 800px;}}
  177. @media print {
  178.     * {font-size: 10pt;}
  179.     h1, h2 {
  180.         font-size: 16pt;
  181.         text-align:center;
  182.     }
  183.     th, td {
  184.         text-align: left;
  185.         vertical-align: top;
  186.         display: block;
  187.     }
  188.     html[dir="rtl"] th, html[dir="rtl"] td {text-align: right;}
  189. }
  190.  
  191.